AnchorPoint Property

Syntax

set the anchorPoint of <path> to <x,y> Applies to paths

Description

The anchorPoint property is a pair of x,y coordinates that determine the location on an animated object that will act as the anchor point to the path. <x,y> reflects, respectively, the horizontal proportion from the left edge of the animated object and then the vertical proportion from the top edge of the animated object, separated by a comma. The point 0,0 represents the upper left corner of the animated object, while 100,100 is the lower right. <x,y> are integer values. In other words, if you want a button to travel along the path, touching the path route with its top left corner, you would specify the anchorPoint of the path to 0,0, indicating the top left corner of the button. The default value of the anchorPoint property is 50,50, which reflects the center of the animated object.

Notes

Setting the anchorPoint property of a specific leg of a path gives the same result as setting the anchorpoint of the entire path.